<!DOCTYPE html5>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/store_container.css">
    <title>BinaryRevolution商城</title>
</head>

<body>


    <div class="body_div">
        <div class="top_search_div">

            <div class="search_input">
                <img src="images/sousuo.png">
                <input type='text' placeholder="搜索">
            </div>
            <div class="search_text_div">
                <a href="#">
                    <h3>愿望清单</h3>
                </a>
                <a href="#">
                    <h4>购物车</h4>
                </a>
            </div>
            <!-- 个人信息 -->
            <div class="search_self_div">
                <a href="#"><img src="images/myself.png"></a>
                <div class="my_infor_div">
                    <a href="#">
                        <h2>Micheal1024</h2>
                    </a>
                    <a href="#">
                        <h3>我的成就</h3>
                    </a>
                    <a href="#">
                        <h3>设置</h3>
                    </a>
                    <a href="#">
                        <h3 style="padding-bottom: 8px; border-bottom: 1px rgb(92, 92, 92) solid;">账户</h3>
                    </a>

                    <a href="#">
                        <h4>兑换代码</h4>
                    </a>
                    <a href="#">
                        <h4>优惠卷</h4>
                    </a>
                    <a href="#">
                        <h4>服务条款</h4>
                    </a>
                    <a href="#">
                        <h4 style="padding-bottom: 8px; border-bottom: 1px rgb(92, 92, 92) solid;">隐私条款</h4>
                    </a>

                    <a href="#">
                        <h5>退出</h5>
                    </a>
                </div>

            </div>

        </div>

        <div class="leftthree_div">
            <div class="shangbiao_div">
                <img src="images/icon_shangbiao2.png">
            </div>
            <a href="#">
                <div class="zuo_store_div">
                    <img src="images/icon_store.png">
                    <h1>商城</h1>
                </div>
            </a>

            <a href="gamelibrary.html">
                <div class="zuo_ku_div">
                    <img src="images/icon_ku.png">
                    <h2>游戏库</h2>
                </div>
            </a>
            <a href="community.html">
                <div class="zuo_me_div">
                    <img src="images/icon_me.png">
                    <h3>社区</h3>
                </div>
            </a>



        </div>
        <!-- 内容 -->
        <div class="container_div">
            <div class="right_select_div">
                <div class="select_1">
                    <a href="#biao_jingxuan"">
                        <h3>精选</h3>
                    </a>
                </div>
                <div class=" select_2">
                        <a href="#biao_rexiao">
                            <h3>热销商品</h3>
                        </a>
                </div>
                <div class="select_3">
                    <a href="#biao_free">
                        <h3>免费游戏</h3>
                    </a>
                </div>
                <div class="select_4">
                    <a href="#biao_fenlei">
                        <h3>分类</h3>
                    </a>
                </div>
                <div class="select_5">
                    <a href="#biao_pai">
                        <h3>排行榜</h3>
                    </a>
                </div>

            </div>
            <div class="jiaqitemai_div">
                <img src="images/Store_images/jiaqitemai.png">
                <a href="#">
                    <h3 id="biao_jingxuan">了解详情</h3>
                </a>

                <div class="rexiao_div">
                    <a href="#">
                        <h3 id="biao_rexiao">更多精选游戏</h3>
                    </a>
                    <a href="detail.html"  target="_blank"><img class="rexiao_1" src="images/Store_images/saibopengke_1.png"></a>
                    <a href="detail.html"  target="_blank"><img class="rexiao_2" src="images/Store_images/dipingxian_2.png"></a>
                    <a href="detail.html"  target="_blank"><img class="rexiao_3" src="images/Store_images/wushi3_3.png"></a>

                </div>
                <div class="changxiao_div">
                    <a href="#">
                        <h3 id="biao_free">更多畅销商品</h3>
                    </a>
                    <a href="detail.html" target="_blank"><img class="changxiao_1" src="images/Store_images/changxiao_1.png"></a>
                    <a href="detail.html" target="_blank"><img class="changxiao_2" src="images/Store_images/changxiao_2.png"></a>
                    <a href="detail.html" target="_blank"><img class="changxiao_3" src="images/Store_images/changxiao_3.png"></a>
                    <a href="detail.html" target="_blank"><img class="changxiao_4" src="images/Store_images/changxiao_4.png"></a>
                    <a href="detail.html" target="_blank"><img class="changxiao_5" src="images/Store_images/changxiao_5.png"></a>

                    <div class="free_div">
                        <a href="#">
                            <h3 id="biao_fenlei">更多免费游戏</h3>
                        </a>
                        <a href="detail.html" target="_blank"><img class="free_1" src="images/Store_images/free_1.png"></a>
                        <a href="detail.html" target="_blank"><img class="free_2" src="images/Store_images/free_2.png"></a>
                        <a href="detail.html" target="_blank"><img class="free_3" src="images/Store_images/free_3.png"></a>
                        <a href="detail.html" target="_blank"><img class="free_4" src="images/Store_images/free_4.png"></a>
                        <a href="detail.html" target="_blank"><img class="free_5" src="images/Store_images/free_5.png"></a>
                    </div>

                    <div class="fenlei_div">
                        <a href="#">
                            <h3 id="biao_pai">分类</h3>
                        </a>
                        <a href="#"><img class="fenlei_1" src="images/Store_images/fenlei_1.png"></a>
                        <a href="#"><img class="fenlei_2" src="images/Store_images/fenlei_2.png"></a>
                        <a href="#"><img class="fenlei_3" src="images/Store_images/fenlei_3.png"></a>
                        <a href="#"><img class="fenlei_4" src="images/Store_images/fenlei_4.png"></a>
                        <a href="#"><img class="fenlei_5" src="images/Store_images/fenlei_5.png"></a>

                    </div>
                    <div class="paihang_div">
                        <div class="pai_text">
                            <a href="#">
                                <h3>更多排行</h3>
                            </a>
                        </div>

                        <div class="pai_zuo">
                            <h4>最热门</h4>
                            <a href="detail.html" target="_blank"><img class="pai_zuo_1" src="images/Store_images/zuo_img_1.png"></a>
                            <a href="detail.html" target="_blank"><img class="pai_zuo_2" src="images/Store_images/zuo_img_2.png"></a>
                            <a href="detail.html" target="_blank"><img class="pai_zuo_3" src="images/Store_images/zuo_img_3.png"></a>
                            <a href="detail.html" target="_blank"><img class="pai_zuo_4" src="images/Store_images/zuo_img_4.png"></a>
                            <a href="detail.html" target="_blank"><img class="pai_zuo_5" src="images/Store_images/zuo_img_5.png"></a>

                        </div>
                        <div class="pai_zhong">
                            <h4>最畅销</h4>
                            <a href="detail.html" target="_blank"><img class="pai_zhong_1" src="images/Store_images/zhong_img_1.png"></a>
                            <a href="detail.html" target="_blank"><img class="pai_zhong_2" src="images/Store_images/zhong_img_2.png"></a>
                            <a href="detail.html" target="_blank"><img class="pai_zhong_3" src="images/Store_images/zhong_img_3.png"></a>
                            <a href="detail.html" target="_blank"><img class="pai_zhong_4" src="images/Store_images/zhong_img_4.png"></a>
                            <a href="detail.html" target="_blank"><img class="pai_zhong_5" src="images/Store_images/zhong_img_5.png"></a>

                        </div>
                        <div class="pai_you">
                            <h4>最受期待</h4>
                            <a href="detail.html" target="_blank"><img class="pai_you_1" src="images/Store_images/you_img_1.png"></a>
                            <a href="detail.html" target="_blank"><img class="pai_you_2" src="images/Store_images/you_img_2.png"></a>
                            <a href="detail.html" target="_blank"><img class="pai_you_3" src="images/Store_images/you_img_3.png"></a>
                            <a href="detail.html" target="_blank"><img class="pai_you_4" src="images/Store_images/you_img_4.png"></a>
                            <a href="detail.html" target="_blank"><img class="pai_you_5" src="images/Store_images/you_img_5.png"></a>

                        </div>
                        <div class="fotter">
                            <img src="images/Store_images/fotter.png">
                        </div>

                    </div>

                </div>
            </div>






        </div>














    </div>
</body>

</html>